 
	<!-- semanticui / 条目 start-->
	<!-- 文档地址 https://zijieke.com/semantic-ui/views/item.php -->
	<div class="ui items" style="font-size: 14px;padding: 10px">
	  <div class="item" style="background-color: #fff;">
	    <div class="image">
	      <img src="http://b-ssl.duitang.com/uploads/blog/201505/18/20150518025109_Lfmcx.jpeg">
	    </div>
	    <div class="content">
	      <a class="header">标题</a>
	      <div class="meta">
	        <span>描述</span>
	      </div>
	      <div class="description">
	        <p></p>
	      </div>
	      <div class="extra">
	        额外的细节
	      </div>
	    </div>
	  </div>
	  <div class="item" style="background-color: #fff;">
	    <div class="image">
	      <img src="http://b-ssl.duitang.com/uploads/blog/201505/18/20150518025109_Lfmcx.jpeg">
	    </div>
	    <div class="content">
	      <a class="header">标题</a>
	      <div class="meta">
	        <span>描述</span>
	      </div>
	      <div class="description">
	        <p></p>
	      </div>
	      <div class="extra">
	        额外的细节
	      </div>
	    </div>
	  </div>
	</div>
	
	<script type="text/javascript">
		//监听项事件

		$('.ui .item').click(function(){
			console.log($(this).index());
		});
	</script>
	<!-- semanticui / 条目 end-->
